<!--<style lang="css">-->
<!--	.el-form-item&#45;&#45;mini.el-form-item, .el-form-item&#45;&#45;small.el-form-item{-->
<!--    display: inline-block;-->
<!--    width: 250px;-->
<!--	}-->
<!--	.el-col-12 {-->
<!--		width: 70%;-->
<!--	}-->
<!--	.search-btn button{-->
<!--		margin-right: 10px;-->
<!--	}-->
<!--	.el-button+.el-button {-->
<!--        margin-left: 0px;-->
<!--	}-->
<!--	.el-form-item&#45;&#45;mini.el-form-item, .el-form-item&#45;&#45;small.el-form-item {-->
<!--		margin-bottom: 10px;-->
<!--	}-->
<!--	.search-btn{-->
<!--		margin-bottom: 15px;-->
<!--	}-->
<!--</style>-->
<!--<template lang="html">-->
<!--	<div class="_vuec zk-list" :class="{'zk-view':showTitleHead}">-->
<!--		<div class="panel panel-default">-->
<!--			<div class="panel-body">				-->
<!--			 <el-form ref="form"  v-show="showSearch" @keyup.enter="firstPage()">-->
<!--                <el-form-item  v-for="item in searchInputs" :label="item.label">-->
<!--                    <el-col :span="12" v-if="item.type==null||item.type=='text'">-->
<!--                        <el-input :placeholder="item.placeholder" v-model="item.value"  class="handle-input mr10"></el-input>-->
<!--                    </el-col>-->
<!--                    <el-col :span="12" v-if="item.type=='select'">-->
<!--                        <el-select v-model="item.value"  >-->
<!--							<el-option  label="全部" value=""></el-option>-->
<!--                            <el-option v-for="sunitem in item.options" :key="sunitem[item.valuename]" :label="sunitem[item.textname]" :value="sunitem[item.valuename]"></el-option>-->
<!--                        </el-select>-->
<!--                    </el-col>-->
<!--                    <el-col :span="12" v-if="item.type=='dateTime'" >-->
<!--                        <el-date-picker-->
<!--                                v-model="item.value"-->
<!--                                :picker-options="item.begintime"-->
<!--                                type="date"-->
<!--                                :value-format="item.cfg.format"-->
<!--                                style="width: 175px;"-->
<!--                                :placeholder='item.placeholder'-->
<!--                        ></el-date-picker>-->
<!--                    </el-col>-->
<!--                </el-form-item>             -->
<!--            </el-form >-->
<!--						</div>-->
<!--						<slot name="searchExt"></slot>-->
<!--						<div class="search-btn">						-->
<!--							<el-button type="primary" @click="firstPage()" v-show="hasSearchBtn">查询</el-button>-->
<!--							<el-button type="primary" @click="cleanSearch()" v-show="hasSearchBtn">清空</el-button>-->
<!--							<slot name="btnExt"></slot>-->
<!--						</div>-->
<!--					</form>-->
<!--				</div>-->
<!--				<div class="table-responsive" :class="{'table-responsive-nosearch':!showSearch}">-->
<!--					<slot name="table"></slot>-->
<!--				</div>-->
<!--				<div class="pagination" >-->
<!--					<el-pagination-->
<!--							background-->
<!--							layout="total,sizes, prev, pager, next"-->
<!--							:current-page="pageIndex"-->
<!--							:page-sizes="totalCount"-->
<!--							:page-size="pageSize"-->
<!--							:total="totalPages"-->
<!--							@current-change="handlePageChange"-->
<!--							@size-change="handleSizeChange"-->
<!--					></el-pagination>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</template>-->
<!--<script >-->
<!--	/**-->
<!--	 * 通用分页列表-->
<!--	 * 作者：PS    -->
<!--	 * 日期：2016-11-07-->
<!--	 * -->
<!--	 * searchInputs:[{label : "账号",value:"",cfg:"",field : "asdfasdf",type : "select",options:[{text:"选项1",value:1},]}]-->
<!--	 */-->
<!--	import * as apilist from '@/api/api.js';-->
<!--	export default{ //数据模型-->
<!--		name:'zk-list',-->
<!--		data: function() {-->
<!--			return {-->
<!--				//搜索栏显示状态-->
<!--				showSearch: true,-->
<!--				//有搜索展开按钮-->
<!--				hasSearchExpandBtn:true,-->
<!--				//当前请求参数-->
<!--				nowReqParams:null,-->
<!--				//允许加载数据-->
<!--				allowLoad:true,-->
<!--				//当前页索引-->
<!--				pageIndex:1,-->
<!--				//每页行数-->
<!--				pageSize:10,-->
<!--				//总页数-->
<!--				totalPages:0,-->
<!--				//总行数-->
<!--				totalCount:[10,20,50,100],-->
<!--				searchInputs:[]-->
<!--			};-->
<!--		},-->
<!--		props: {-->
<!--			value:{-->
<!--				type: Array-->
<!--			},-->
<!--			//数据来源-->
<!--			url: {-->
<!--				type: String,-->
<!--				required: false-->
<!--			},-->
<!--			//查询选项-->
<!--			search:{-->
<!--				type: Array,-->
<!--				default: function(){-->
<!--					return [];-->
<!--				}-->
<!--			},-->
<!--			//是否有查询按钮-->
<!--			hasSearchBtn:{-->
<!--				type: Boolean,-->
<!--				default: true-->
<!--			},-->
<!--			//显示导出按钮-->
<!--			showExportBtn: {-->
<!--				type: Boolean,-->
<!--				default: true-->
<!--			},-->
<!--			//列表标题-->
<!--			title: {-->
<!--				type: String,-->
<!--				default: "列表"-->
<!--			},-->
<!--			//是否有标签头-->
<!--			showTitleHead:{-->
<!--				type: Boolean,-->
<!--				default: true-->
<!--			},-->
<!--			reqParams: {-->
<!--				type: Object-->
<!--			},-->
<!--			//列表类型 0.(默认)完全列表 1.简单列表-->
<!--			type: {-->
<!--				type: Number,-->
<!--				default: 0-->
<!--			},-->
<!--			exportfileName: {-->
<!--				type: String,-->
<!--				default: function() {-->
<!--					return this.title;-->
<!--				}-->
<!--			},-->
<!--			showPagination: {-->
<!--				type: Boolean,-->
<!--				default: function(){-->
<!--					return this.isPagination;-->
<!--				}-->
<!--			},-->
<!--			//是否分页查询列表-->
<!--			isPagination:{-->
<!--				type: Boolean,-->
<!--				default: true-->
<!--			},-->
<!--			//发起请求前回调方法-->
<!--			getDataBefore: {-->
<!--				type: Function,-->
<!--				default: function(reqParam) {-->

<!--				}-->
<!--			},-->
<!--			//是否初始化加载数据-->
<!--			isInitLoadData:{-->
<!--				type: Boolean,-->
<!--				default: true-->
<!--			}-->
<!--		},-->
<!--		mounted: mounted,-->
<!--		methods: {-->
<!--			//生成查询项 展示名称-->
<!--			createSearchLabel:createSearchLabel,-->
<!--			//展开查询栏-->
<!--			expandSearch : expandSearch,-->
<!--			//查询第一页-->
<!--			firstPage:firstPage,-->
<!--			//清空所有查询项-->
<!--			cleanSearch:cleanSearch,-->
<!--			//刷新-->
<!--			refresh:refresh,-->
<!--			//改变查询页数-->
<!--			handlePageChange:handlePageChange,-->
<!--			//改变查询条数-->
<!--			handleSizeChange:handleSizeChange-->
<!--		}-->
<!--	};-->
<!--	-->
<!--	/**-->
<!--	 * 编译完成初始化-->
<!--	 */-->
<!--	function mounted(vm){-->
<!--		if(!vm){-->
<!--			vm=this;-->
<!--		}-->
<!--		vm.searchInputs=vm.search;-->
<!--		//手机端初始 不显示搜索栏-->
<!--			// if($App.getScreen().lessXS($App.getScreen().getNowDOMWidth())) {-->
<!--			//vm.showSearch = false;-->
<!--			// }-->
<!--			vm.$nextTick(function(){-->
<!--				//设置是否显示查询按钮和清除按钮-->
<!--				if(!vm.$slots["searchExt"]&&vm.search.length<=0&&!vm.$slots["btnExt"]){-->
<!--					vm.showSearch=false;-->
<!--					vm.hasSearchExpandBtn=false;-->
<!--				}-->
<!--				-->
<!--				//设置Table高度-->
<!--				var searchDom=vm.$el.querySelector(".search");-->
<!--				var tableDom=vm.$el.querySelector(".table-responsive");-->
<!--				// var extHeight=(searchDom.offsetHeight+54)+"px";-->
<!--				// tableDom.style.height="calc(100% - "+extHeight+")";	-->
<!--			});-->
<!--			//给时间查询输入框设置name 且设置各个输入框默认值-->
<!--			var inputs=vm.searchInputs;-->
<!--			for(var i=0,len=inputs.length;i<len;i++){-->
<!--				var input0=inputs[i];-->
<!--				//检测数据是否正常-->
<!--				if(input0.value===undefined){-->
<!--					throw new Error(JSON.stringify(input0)+":查询配置,必须有默认值value");-->
<!--				}-->
<!--				input0.default=input0.value;-->
<!--				if(input0.type=="dateTime"){-->
<!--					input0.domId=createSearchDateOptId(inputs[i].field);-->
<!--				}-->
<!--			}-->
<!--			-->
<!--			vm.$nextTick(function(){-->
<!--				//给时间查询输入框添加时间控件-->
<!--				var inputs=vm.searchInputs;-->
<!--				for(var i=0,len=inputs.length;i<len;i++){-->
<!--					var input0=inputs[i];-->
<!--					if(input0.type=="dateTime"){-->
<!--						var opt={-->
<!--							elem:'#'+input0.domId,-->
<!--							inputData:input0,-->
<!--							choose: function(dates){ //选择好日期的回调-->
<!--								// document.getElementById(this.inputData.domId).setAttribute('date-val',dates);-->
<!--								// this.inputData.value=dates;-->
<!--								// document.getElementById(this.inputData.domId).value=dates;-->
<!--							}-->
<!--						};-->
<!--						if(input0.cfg){-->
<!--							if (input0.cfg.format)opt.format=input0.cfg.format;-->
<!--							if (input0.cfg.istime)opt.istime=input0.cfg.istime;-->
<!--						}-->
<!--						//初始化时间控件-->
<!--						// $App.dateControlInit(opt);-->
<!--					}-->
<!--				}-->
<!--			});-->
<!--			-->
<!--			if(!vm.isInitLoadData){-->
<!--				vm.allowLoad=false;-->
<!--			}-->
<!--			-->
<!--			if(vm.url&&vm.allowLoad){-->
<!--				getoptionvalues(vm);-->
<!--				httpGetListData(vm);	-->
<!--			}-->
<!--	}-->
<!--	function getoptionvalues(vm){-->
<!--		var search=vm.search;-->
<!--		for(var i=0;i<search.length;i++){-->
<!--			if(search[i].type=="select"&&search[i].url){-->
<!--				httpgetoptions(vm,search,i)-->
<!--			}-->
<!--		}-->
<!--		vm.searchInputs=vm.search;-->
<!--	}-->
<!--	function httpgetoptions(vm,search,i){-->
<!--		apilist[search[i].url](search[i].params).then(result=>{-->
<!--			if(result.returnCode != 200){-->
<!--				return false;-->
<!--			}-->
<!--			vm.search[i].options=result.data;-->
<!--		})-->
<!--	}-->
<!--	-->
<!--	/**-->
<!--	 * 生成时间查询项Id-->
<!--	 */-->
<!--	function createSearchDateOptId(item){-->
<!--		// var domId=item+"_date_"+$App.getCode();-->
<!--		// return domId;-->
<!--	}-->
<!--	/**-->
<!--	 * 生成查询项 展示名称-->
<!--	 * @param {Object} str-->
<!--	 */-->
<!--	function createSearchLabel(str){-->
<!--		var lableLen=str.length;-->
<!--		var labelStr=str.split("");-->
<!--		if(lableLen==2){-->
<!--			labelStr=labelStr.join('<span class="zk-ss">&nbsp;&nbsp;</span>');-->
<!--		}else if(lableLen==3){-->
<!--			labelStr=labelStr.join('<span class="zk-ss">_</span>');-->
<!--		}else if(lableLen==1){-->
<!--			labelStr='<span class="zk-ss">&nbsp;&nbsp;&nbsp;</span>'+labelStr.join();-->
<!--		}else{-->
<!--			labelStr=str;-->
<!--		}-->
<!--		return labelStr+"：";-->
<!--	}-->
<!--	-->
<!--	/**-->
<!--	 * 展开查询项-->
<!--	 */-->
<!--	function expandSearch() {-->
<!--		if(this.showSearch) {-->
<!--			this.showSearch = false;-->
<!--			var tableDom=this.$el.querySelector(".table-responsive");-->
<!--			tableDom.style.height="";-->
<!--		} else {-->
<!--			this.showSearch = true;-->
<!--			this.$nextTick(function(){-->
<!--				var searchDom=this.$el.querySelector(".search");-->
<!--				var tableDom=this.$el.querySelector(".table-responsive");-->
<!--				// var extHeight=(searchDom.offsetHeight+49)+"px";-->
<!--				// tableDom.style.height="calc(100% - "+extHeight+")";-->
<!--			});-->
<!--		}-->
<!--	};-->
<!--	-->
<!--	/**-->
<!--	 * http获取数据-->
<!--	 * @param {Object} vm 组件ViewModel-->
<!--	 */-->
<!--	function httpGetListData(vm) {-->
<!--		vm.allowLoad=true;-->
<!--		//组装请求参数-->
<!--		var  reqPar={};-->
<!--		reqPar.param=JSON.parse(JSON.stringify(vm.reqParams));-->
<!--		//获取查询栏输入参数-->
<!--		var inputs=vm.searchInputs;-->
<!--		for(var i=0,len=inputs.length;i<len;i++){-->
<!--			if (inputs[i].type == "dateTime") {-->
<!--				var doc = document.getElementById(inputs[i].domId);-->
<!--				reqPar.param[inputs[i].field] = doc?doc.value:null;-->
<!--			} else {-->
<!--				reqPar.param[inputs[i].field] = inputs[i].value;-->
<!--			}-->
<!--		}-->
<!--		-->
<!--		//有分页才有分页参数提交-->
<!--		if(vm.isPagination){-->
<!--			if(vm.pageIndex<=0){-->
<!--				vm.pageIndex=1;-->
<!--			}-->
<!--			reqPar.pageNum=vm.pageIndex;-->
<!--			reqPar.pageSize=vm.pageSize;-->
<!--		}-->
<!--		apilist[vm.url](reqPar).then(result=>{-->
<!--            if(result.returnCode != 200){-->
<!--				return false;-->
<!--			}-->
<!--			//记录当前数据的请求参数 -->
<!--			vm.nowReqParams=reqPar;-->
<!--			var listData=[];-->
<!--			if(vm.isPagination){-->
<!--					vm.pageIndex = result.data.pageNum;-->
<!--					vm.totalPages = result.data.total;-->
<!--					// vm.totalCount = result.data.totalCount;-->
<!--					listData=result.data.list;-->
<!--			}else{-->
<!--				listData=result.data;-->
<!--			}-->
<!--			vm.$emit('get-data-after',listData,result.data);-->
<!--			vm.$emit('input',listData,result.data);-->
<!--        })-->
<!--		-->
<!--	}-->

<!--   /**-->
<!--	* 查询第一页-->
<!--	*/-->
<!--	function firstPage(){-->
<!--		this.pageIndex=1;-->
<!--		httpGetListData(this);-->
<!--	}-->
<!--	function handlePageChange(val) {-->
<!--        this.pageIndex=val;-->
<!--        httpGetListData(this);-->
<!--    }-->
<!--    function handleSizeChange(val) {-->
<!--		this.pageIndex=1;-->
<!--        this.pageSize=val;-->
<!--        httpGetListData(this);-->
<!--    }-->
<!--	-->
<!--	/**-->
<!--	 * 清空查询项-->
<!--	 */-->
<!--	function cleanSearch(){-->
<!--		var inputs=this.searchInputs;-->
<!--		for(var i=0,len=inputs.length;i<len;i++){-->
<!--			inputs[i].value=inputs[i].default;-->
<!--			//时间框 手动清除-->
<!--			if(inputs[i].type=="dateTime"){-->
<!--				docId(inputs[i].domId).value=inputs[i].default;-->
<!--			}-->
<!--		}-->
<!--		this.$emit('clean-search');-->
<!--	}-->
<!--		-->
<!--	-->
<!--	/**-->
<!--	 * 刷新页面-->
<!--	 */-->
<!--	function refresh(){-->
<!--		var vm=this;-->
<!--//		vm.cleanSearch();-->
<!--		vm.pageIndex=1;-->
<!--		httpGetListData(vm);	-->
<!--	}-->
<!--</script>-->
